<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onclick 单击事件</title>
    <script type="text/javascript">
        function sayOK(){
            alert("你点击 sayOK 按钮");
        }

        //当页面加载完毕后，我们在进行动态绑定。
        // 基本概念和机制一定要清楚。
        window.onload = function (){
            //动态注册onclick 事件.
            //1.先拿到id = btn01 的button对应dom 对象。
            //2.通过dom对象动态的绑定onclick 事件。
            //3.通过document的getElementById 获取对应的dom对象。
            var btn01 = document.getElementById("btn01");
            btn01.onclick = function (){
                alert("你点击了 sayHi按钮");
            }
        }
    </script>

</head>
<!--静态注册 onClick 事件-->
<body>
<button onclick="sayOK()">sayOK 按钮</button>
<button id="btn01">sayHi 按钮</button>
<hr>
<br>
document.getElementById("btn01")拿到了这个标签的dom对象。
标签的dom对象然后  点上事件 绑定了一个函数。
</body>
</html>